<template>
  <a-layout id="components-layout">
    <a-layout-header :style="{ width: '100%'}">
      <div class="container">
      <div class="logo" />
      <a-menu
        theme="dark"
        mode="horizontal"
        :defaultSelectedKeys="['2']"
        :style="{ lineHeight: '64px' }"
      >
        <a-menu-item key="1">首页</a-menu-item>
        <a-menu-item key="2">最新电影</a-menu-item>
        <a-menu-item key="3">电影分类</a-menu-item>
      </a-menu>
      </div>
    </a-layout-header>

    <nuxt />
  </a-layout>
</template>


<script>
export default {};
</script>

<style>
#components-layout .logo {
  width: 120px;
  height: 31px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px 24px 16px 0;
  float: left;
}
.container{
  width: 1200px;
  margin: 0 auto;
}
.ant-card-body {
    padding: 0px !important;
}
</style>